// 主题变量
:root {
  --bg-color: #f0f2f5;
  --text-color: #303133;
  --menu-bg-color: #ffffff;
  --menu-text-color: #303133;
  --menu-active-color: #409eff;
  --header-bg-color: #ffffff;
  --header-text-color: #303133;
  --border-color: #e4e7ed;
  --card-bg-color: #ffffff;
  --hover-bg-color: #f5f7fa;
}

// 暗黑主题
[data-theme='dark'] {
  --bg-color: #1f1f1f;
  --text-color: #e0e0e0;
  --menu-bg-color: #2b2b2b;
  --menu-text-color: #e0e0e0;
  --menu-active-color: #409eff;
  --header-bg-color: #2b2b2b;
  --header-text-color: #e0e0e0;
  --border-color: #3a3a3a;
  --card-bg-color: #2b2b2b;
  --hover-bg-color: #383838;
}